<?php require_once('functions.php'); ?>
<html>
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0, minimal-ui" />
	<meta property="og:url" content = "<?php echo SITE_URL;?>"/>
	<meta property="og:image" content="<?php echo SITE_URL;?>img/logo.png"/>
	<meta property="og:title" content="Starbucks Launch in Chennai" />
	<meta property="og:description" content="Warm up to Starbucks! Share your excitement through special moments with your friends and win an invite to the Starbucks launch in Chennai!">
	<title>Starbucks Launches in Chennai</title>
	<link href="css/bootstrap.min.css" type="text/css" rel="stylesheet"/>
	<link href="css/jquery.countdown.css" type="text/css" rel="stylesheet"/>
	<link href="css/style.css" type="text/css" rel="stylesheet"/>
	<link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/css/font-awesome.css" type="text/css" rel="stylesheet">
	<script src="js/jquery-1.11.1.min.js" type="text/javascript"></script>
	<script src="js/bootstrap.min.js" type="text/javascript"></script>
	<script src="js/jquery.plugin.js" type="text/javascript"></script>
	<script src="js/jquery.countdown.min.js" type="text/javascript"></script>
	<!-- <script src="https://www.google.com/jsapi" type="text/javascript"></script> -->
	<script>
	 /*
 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
	  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
	  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
	  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
	  
	  var ga = ga || [];
	  ga('create', 'UA-52452084-1', 'auto');
	  ga('send', 'pageview');
*/
	
	
		var _gaq = _gaq || [];
	  _gaq.push(['_setAccount', 'UA-52452084-1']);
	  _gaq.push(['_trackPageview']);
	  //Ecommerce tracking code
	  (function() {
	    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
	    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
	  })();
	</script>
	<script src="js/script.js?v=3" type="text/javascript"></script>
	<script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
	<script src="js/lazyload.js" type="text/javascript"></script>
	<script src='https://maps.googleapis.com/maps/api/js?key=&sensor=false&extension=.js'></script> 
	<script type="text/javascript">
		var site_url = '<?php echo SITE_URL; ?>';
		var coffee_click = <?=get_clicks()?>;
		var limit = 9;
		var offset = 0;
		var page = 0;
	</script>
</head>
<body>
<script src="http://platform.twitter.com/widgets.js"></script>
<div id="fb-root"></div>
<?php if(!empty($_GET['contest_id']))
	{
		$contest = get_contest_details($_GET['contest_id']);
	}
?>
<script>
<?php if(isset($_GET['status']) && $_GET['status'] == 'success') { 
?>
	$(function(){
		$('#myModal1').modal('show');
	});
<?php } ?>
function generate_twitter_url(curr)
{
	var url ="https://twitter.com/intent/tweet?original_referer="+site_url;
	url += "&url="+site_url;
	url += "&text="+encodeURIComponent("Warm up to Starbucks! Share your #passionforcoffee to win an invite to the Starbucks Chennai launch!");
/* 	url +="&text="+encodeURIComponent("I could win an invite to the Starbucks launch in Chennai! You can participate too! #passionforcoffee #starbuckschennai"); */
	curr.attr('href',url);
}
function generate_twitter_share_url(curr)
{
	var url ="https://twitter.com/intent/tweet?original_referer="+site_url;
	url += "&url="+site_url;
	url += "&text="+encodeURIComponent("I have shared my #PassionForCoffee, Share yours and win an invite to the Starbucks launch in Chennai!");
/* 	url +="&text="+encodeURIComponent("I could win an invite to the Starbucks launch in Chennai! You can participate too! #passionforcoffee #starbuckschennai"); */
	curr.attr('href',url);
}
window.fbAsyncInit = function() {
    FB.init({
        appId   : 779321515441305,
        oauth   : true,
        status  : true, // check login status
        cookie  : true, // enable cookies to allow the server to access the session
        xfbml   : true // parse XFBML
    });

  };
 function fb_share_post(elem)
 {
 	console.log(elem.data('share_image'));
 	FB.ui(
       {
         method: 'feed',
         name: 'Passion for Coffee',
         link: site_url,
         caption: 'I have shared my #PassionForCoffee! Share yours and win an invite to the Starbucks launch in Chennai!'
       },
       function(response) {
       console.log(repsonse); 
       }
     );
 }
function fb_login(){
   FB.ui(
      {
       method: 'feed',
       name: 'Starbucks India',
       link: site_url,
       picture: site_url+'/img/logo.png'
      },
      function(response) {
        if (response && response.post_id) {
          console.log('Post was published.');
        } else {
          console.log('Post was not published.');
        }
      }
    );
}
(function() {
    var e = document.createElement('script');
    e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
    e.async = true;
    document.getElementById('fb-root').appendChild(e);
}());

$(function(){
		$("img.lazy").lazyload();
		$('.fb_invite').hover(
			function(){
				$(this).find('.fb_unhover').hide();
				$(this).find('.fb_hover').show();
				/*
$(this).find('.tw_unhover').hide();
				$(this).find('.tw_hover').show();
*/
			},
			function(){
				$(this).find('.fb_unhover').show();
				$(this).find('.fb_hover').hide();
				/*
$(this).find('.tw_unhover').show();
				$(this).find('.tw_hover').hide();
*/
			}
		);
		
		$('.tw_invite').hover(
			function(){
				$(this).find('.tw_unhover').hide();
				$(this).find('.tw_hover').show();
			},
			function(){
				$(this).find('.tw_unhover').show();
				$(this).find('.tw_hover').hide();
			}
		);
		
		
	});



</script>
<?php 
	$approved=1;$limit=9;
	$entries = get_contest_details(0,$approved,$limit); 
?>
<div class="container-fluid padding_removal">
	<div class="row">
		<!--
<div id="countdown_wrapper" class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="border-top: 3px solid #248b00;">
			<div id="defaultCountdown" class="col-lg-8 col-md-8 col-sm-12 col-xs-12 col-lg-offset-2 col-md-offset-2 is-countdown"><span class="countdown-row countdown-show4"><span class="countdown-section"><div class="disp_inline"><span class="countdown-amount">9</span><span class="countdown-period">Days</span></div><div class="disp_inline ctdwn_dots"><span class="countdown_dots">:</span></div></span><span class="countdown-section"><div class="disp_inline"><span class="countdown-amount">3</span><span class="countdown-period">Hours</span></div><div class="disp_inline ctdwn_dots"><span class="countdown_dots">:</span></div></span><span class="countdown-section"><div class="disp_inline"><span class="countdown-amount">10</span><span class="countdown-period">Minutes</span></div><div class="disp_inline ctdwn_dots"><span class="countdown_dots">:</span></div></span><span class="countdown-section"><span class="countdown-amount">17</span><span class="countdown-period">Seconds</span></span></span></div>
		</div>
-->
		<div id="countdown_wrapper" class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="border-top: 3px solid #248b00;">
			<div id="defaultCountdown" class="col-lg-12 col-md-8 col-sm-12 col-xs-12 col-md-offset-2 now_chennai">NOW OPEN IN CHENNAI</div>
		</div>
	</div><!-- rows ends -->
	 <div id="section1" class="row">
		 <div id="section1_wrapper" class="col-xs-12 col-md-12 col-sm-12 col-lg-12" style="position:relative; padding:0px;">
				 <div class="col-xs-12 col-md-12 col-sm-12 col-lg-12 header_text">
					 <div class="col-xs-12 col-md-2 col-md-offset-3 col-sm-2 col-lg-2 col-lg-offset-2 img_middle img_middle_768_below">
					 <img class="width_100_768_up" src="/img/logo.png"/>		 
					 </div>
					 <div class="col-xs-12 col-md-5 col-sm-9 col-lg-5 img_middle">
						 		<div class="warm_up">HELLO CHENNAI!<br/>NICE TO MEET YOU</div>
								<div class="warm_up_text">
									We celebrate the opening of our first store in Chennai at Phoenix Marketcity. Share your special coffee moments with friends by participating in our Passion for Coffee Contest.
								</div>
								<div class="warm_up_text_invite cursor_pt" data-toggle="modal" data-target="#myModal">INVITE FRIENDS TO PARTICIPATE</div>
					 </div> 
				</div>
		 </div>
	 </div><!-- row ends -->
	 
	<div id="section2" class="row">
		
		 <div class="col-xs-12 col-md-12 col-sm-12 col-lg-12 row_tri">
			 <hr>
			 <div style="text-align:center;">
			 <img class="" src="/img/triangle.png"/>
			 </div>
			<!--  <img class="width-100" style="position:absolute;" src="/img/coffeebg.jpg"/> -->
			 <div class="col-xs-12 col-md-3 col-sm-3 col-sm-offset-1 col-lg-2 col-lg-offset-2" style="margin-top: 8%;margin-bottom: 5%;">
					 <div class="fill_coffee">THANK YOU FOR FILLING THE CUP WITH YOUR LOVE FOR COFFEE!</div>		 
					 <!--
<div class="" style="margin-top: 10px;">
						<button id="fill_click" type="submit" class="btn btn-default fill_btn">CLICK HERE TO FILL IT</button>		 
					 </div>
					 <div class="fill_click">Click as many times you like!</div>
-->
			 </div>
			 <div class="col-xs-12 col-md-4 col-sm-4 col-lg-4 coffee_drop_ls">
					<!--  <div id="coffee_fill"></div> -->
					 <img id="coffee_drop" src="/img/coffee_drop.png" />
					 <div id="coffee_mug_bg">
					 	<div id="coffee_fill"></div>
					 	<div id="coffee_overlay"></div>
					 </div>
					 <img id="coffee_mug" class="coffee_mug" src="/img/coffee-mug1.png"/>
					 <div id="coffee_click_num" class="col-xs-5 col-md-4 col-lg-4 img_text padding padding_number margin_400"></div> 
					 <div class="connection">CONNECTIONS OVER COFFEE</div>
			 </div>
			 <div class="col-xs-12 col-md-3 col-sm-3 col-lg-2" style="margin-top: 8%;margin-left: 25px;">
					 <div class="passion_coffee" data-toggle="modal" data-target="#myModal1">PASSION FOR COFFEE CONTEST!</div>		 
					 <div class="passion_text">Share your love for coffee with an interesting message and picture of yourself at the Starbucks store in Phoenix Marketcity,Chennai between 9th to 13th July and win special Starbucks merchandise!</div>
					 <div id="click_participate" class="passion_click cursor_pt">TO SEE THE ENTRIES OF THE PREVIOUS PASSION FOR COFFEE CONTEST,CLICK HERE</div>
					 <div class="row" style="margin-top:10px;">
						 <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
						 <?php $i = 1; foreach($entries as $entry) { if($i > 4) break; ?>
							 <div class="participate_image col-xs-3 col-md-3 col-sm-3 col-lg-3">
								 <img class="width-100 lazy" data-original="/upload/<?=$entry['picture']?>"/>
							 </div>
						 <?php $i++; } ?>
						 </div>
					 </div>
			 </div>
		 </div>
	</div><!--row ends-->
			<hr>
			 <div style="text-align:center;">
			 <img class="" src="/img/triangle.png"/>
			 </div>
	<div id="coffee_passion" class="row" style="margin-top: 2%;">
		<div class="col-xs-12 col-md-4 col-md-offset-4 col-sm-4 col-sm-offset-4 col-lg-4 col-lg-offset-4">
			<div class="contest_title">PASSION FOR COFFEE CONTEST!</div>
		</div>
		<div class="col-xs-12 col-md-6 col-md-offset-3 col-sm-6 col-sm-offset-3 col-lg-6 col-lg-offset-3">
			<div class="contest_text">Show your love for coffee to the world by submitting an interesting picture and a message using <span class="contest_text1">#StarbucksChennai</span> or <span class="contest_text1">#PassionForCoffee</span>at the Starbucks store in Phoenix Marketcity, Chennai between 9th to 13th July.</div>
		</div>
	</div><!--row ends -->
	<div class="row" style="margin-top: 2%;">
		<div class="col-xs-11 col-xs-offset-1 col-md-5 col-md-offset-1 col-sm-5 col-sm-offset-1 col-lg-4 col-lg-offset-2">
			<div class="margin_top_40">
				<div class="contest_number">1</div>
				<div class="contest_number_text"><span class="contest_text_uppper">UPLOAD</span> an image, or a message that shows the world your bond with coffee!</div>
			</div>
			<div class="margin_top_40">
				<div class="contest_number">2</div>
				<div class="contest_number_text">Use <span class="contest_text_uppper">#STARBUCKSCHENNAI</span> and <span class="contest_text_uppper">#PASSIONFORCOFFEE</span></div>
			</div>
			<div class="margin_top_40">
				<div class="contest_number">3</div>
				<div class="contest_number_text"><span class="contest_text_uppper">SHARE</span> with friends</div>
			</div>
			<div class="margin_top_40">
				<div class="contest_number">4</div>
				<div class="contest_number_text"><span class="contest_text_uppper">WIN EXCITING PRIZES</span></div>
			</div>
		<!--
	<div class="" style="margin-top: 40px;margin-left: 45px;">
				<img class="" src="/img/symbol1.png"/>
				<div class="contest_number_text1">The top 20 entries will be invited to the Starbucks store launch event in Chennai, on July 8th!</div>
			</div>
-->
			<div class="" style="margin-top: 20px;margin-left: 45px;">
				<img class="" src="/img/symbol2.png"/>
				<div class="contest_number_text1">The top 10 entries will win special Starbucks merchandise!</div>
			</div>
			<div class="margin_top_40">
				<div class="contest_participate">PARTICIPATE HERE:</div>
			</div>
			<div class="col-xs-12 col-sm-12 col-md-10 col-lg-10">
				<form id="contest_form" method="post" action="" enctype="multipart/form-data">
					<!-- <div class="col-xs-10 col-sm-10 col-md-10 col-lg-8 padding_removal"> -->
						<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 contest_input_wrap">
							<input type="text" class="form-control contest_input" placeholder="Name" name="name" id="participant_name">
						</div>
						<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 contest_input_wrap">
							<input id="phone" type="text" class="form-control contest_input" placeholder="Phone#" name="phone">
						</div>
						<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="margin-top: 20px;">
							<input id="email" type="text" class="form-control contest_email_input" placeholder="Email" name="email">
						</div>
						<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="margin-top: 20px;">
							<input type="text" class="form-control contest_email_input" placeholder="Message" name="message">
						</div>
					<!-- </div> -->
						<!-- <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 padding_removal"> -->
						<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 contest_input_wrap">
							<button type="submit" class="btn btn-default contest_btn_upload">UPLOAD FILE</button>
							<input type="file" name="imagefile" id="imagefile" style="position:absolute;top:-210%;left:-999%;"/>
						</div>
						<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 contest_input_wrap">
							<button id="contest_submit" type="submit" class="btn btn-default contest_btn_submit">SUBMIT</button>
							<input type="hidden" name="contest_submit" />
						</div>
						
					<!-- </div> -->
					<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 checkbox_input" style="margin-bottom: 30px;">
						<input id="tnc" class="" type="checkbox"/><span style="padding-left:5px;">I agree to the <a class="cursor_pt" style="color:#248b00" href="/Terms-and-Conditions.pdf" target="_blank">Terms & Conditions</a></span>
					</div>
					
				</form>
		</div>
		</div>
		
		<div class="col-xs-11 col-xs-offset-1 col-md-6 col-md-offset-0 col-sm-6 col-sm-offset-0 col-lg-6 col-lg-offset-0">
			<div class="margin_top_40">
				<div class="contest_people">MANY PEOPLE HAVE SHARED THEIR PASSION FOR COFFEE.</div>
				<div class="contest_text_uppper" style="margin-top:10px;">Share yours too!</div>
			</div>
			<?php 
				echo '<div id="gallery_wrapper0" class="gallery-wrapper">';
				foreach($entries as $entry){ ?>
					<div class="col-xs-4 col-md-3 col-sm-3 col-lg-3 gallery cursor_pt gallery_ht" data-attr-name="<?=$entry['name']?>" data-attr-pic="<?=$entry['picture']?>" data-attr-mmsg="<?=$entry['message']?>">
						<img class="min-width-100 gallery-image lazy" style="" data-original="/upload/<?=$entry['picture']?>"/>
					</div>
			<?php } ?>
				</div>
			<div class="col-xs-12 col-sm-3 col-sm-offset-8 col-md-2 col-md-offset-8 col-lg-2 col-lg-offset-8 view_all cursor_pt"><a id="view_all_color" href="gallery.php">VIEW ALL</a></div>
		</div>
			
	</div><!--row ends-->
	<div class="row">
		<div class="col-xs-12 col-md-12 col-sm-12 col-lg-12" style="position:relative;background:#e7e6e6">
			 <hr>
			 <div style="text-align:center;">
			 <img class="" src="/img/triangle.png"/>
			 </div>
			<div class="col-xs-12 col-md-4 col-sm-3 col-sm-offset-1 col-lg-4 col-lg-offset-2" style="margin-top: 5%;margin-bottom: 5%;">
				<div class="buzz_light">SEE THE BUZZ ON</div>
				<div class="buzz_bold">#PASSIONFORCOFFEE & #STARBUCKS CHENNAI</div>
				<div class="col-md-12" style="margin-top:15px">
				<div class="buzz_holder">
				<script>
				function show_fb(){
					$("#tweet_buzz").fadeOut(function(){
						$("#facebook_feed").fadeIn();
					});
				}
				function show_twitter(){
					$("#facebook_feed").fadeOut(function(){
						$("#tweet_buzz").fadeIn();
					});
				}
				
				</script>
					<div class="buzz_share_tweet" onclick="show_twitter()">
						<img src="/img/twitter_buzz.png"/>
					</div>
					<div class="buzz_share_fb" onclick="show_fb()">
						<span id="instagram_span" class="fa fa-instagram" style=""></span>
					</div>
				</div>
					<div id="facebook_feed" style="width: auto;display: inline-block;background: white;">
						<iframe src="http://snapwidget.com/in/?h=c3RhcmJ1Y2tzY2hlbm5haXxpbnwxMjV8M3wzfHxub3w1fG5vbmV8b25TdGFydHx5ZXM=&v=1714" title="Instagram Widget" allowTransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:390px; height:390px"></iframe>
					</div>
					<div id="tweet_buzz" style="display:inline-block;">
						<a class="twitter-timeline" href="https://twitter.com/search?q=%23passionforcoffee+OR+%23starbuckschennai" data-widget-id="482503238332080128" width="100%" height="410">Tweets about "#passionforcoffee OR #starbuckschennai"</a>
						
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
				</div>
			</div>
			<div class="col-xs-12 col-md-3 col-sm-4 col-lg-4" style="margin-top: 5%;">
				<div class="buzz_bold">Now brewing at Phoenix Marketcity, Velachery, Chennai.</div>
				<!-- <div class="buzz_bold">STAY TUNED FOR MORE</div> -->
				<div id='custom_map' class="xs_map lg_map"><img src="/img/map-01.jpg" style="width:100%"></div>				
				<div id="back_top" class="col-lg-5 col-lg-offset-7 back_to_top cursor_pt">BACK TO TOP</div>
			</div>
		</div>
	</div><!--row ends-->
	<div class="row">
		<div class="col-xs-12 col-md-12 col-sm-12 col-lg-12" style="position:relative;background:#007042">
			<div class="col-xs-8 col-xs-offset-4 col-md-12 col-sm-12 col-lg-3 col-lg-offset-9" style="padding-top: 10px;padding-bottom: 10px;">
				<div style="display: inline-block;" class="footer_check">CHECK US OUT ON:</div>
				<div class="cursor_pt" style="display: inline-block;">
					<a href="https://www.facebook.com/starbucksindia" target="_blank">
				 	<img class="" src="/img/fb_logo.png"/>
					</a>
				</div>
				<div class="cursor_pt" style="display: inline-block;">
					<a href="https://twitter.com/StarbucksIndia" target="_blank">
				 	<img class="lazy" data-original="/img/twitter_logo.png"/>
					</a>
				</div>
			</div>
		</div>
	</div>
	
</div><!-- container-fluid ends -->

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header" style="border-bottom: 0;">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title">INVITE YOUR FRIENDS TO PARTICIPATE!</h4>
      </div>
      <div class="modal-body">
        <p>INVITE FRIENDS ON:</p>
        <div class="hover_wrap" style="margin-left:40px;">
	        <div style="display: inline-block;" class="fb_invite"><img id="" class="fb_unhover" src="/img/fb_modal.png" onclick="fb_login()" /><img style="display:none;" class="fb_hover" src="/img/fb_modal_hover.png" onclick="fb_login()"/></div> 
	        <div style="display: inline-block;" class="tw_invite">
	        <a id="tweet_invite" href="" target="_blank" onclick="generate_twitter_url($(this))">
	        <img class="tw_unhover" src="/img/twitter_modal.png"/>
	        <img style="display:none;" class="tw_hover" src="/img/twitter_modal_hover.png"/>
	        </a>
	        </div>
        </div>
      </div>
      <div class="modal-footer" style="border-top: 0;">
        
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal ends-->


<!-- Modal -->
<?php if(!empty($contest)) { ?>
<div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content1">
      <div class="modal-header" style="border-bottom: 0;">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title">Thank you for being a part of this contest!</h4>
      </div>
      <div class="modal-body1">
        <h4>YOUR SUBMISSION:</h4>
        <div class="" style="display: inline-block;">
	        <img class="" style="width:auto;height: 30%; vertical-align: top;" src="/upload/<?=$contest[0]['picture']?>"/>
        </div>
        <div class="lorem"><?=$contest[0]['message']?></div>
        <div class="modal_coffee">SHARE YOUR PASSION FOR COFFEE ON:</div>
         <div class="" style="margin-left: 225px;margin-bottom: 10px;">
         <div style="display: inline-block;" class="fb_invite" data-share_image = "/upload/<?=$contest[0]['picture']?>" onclick="fb_share_post($(this));">
            <img class="fb_unhover" src="/img/fb_modal.png"/>
	        <img style="display:none;" class="fb_hover" src="/img/fb_modal_hover.png"/>
         </div>
         <div style="display: inline-block;" class="tw_invite">
   	        <a id="tweet_invite" href="" target="_blank" onclick="generate_twitter_share_url($(this))">
	        <img class="tw_unhover" src="/img/twitter_modal.png"/>
	       <img style="display:none;" class="tw_hover" src="/img/twitter_modal_hover.png"/>
   	        </a>
         </div>
        </div>
      </div>
      <div class="modal-footer" style="border-top: 0;">
        
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal ends-->
<?php } ?>

<!-- Modal -->
<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content2">
      <div class="modal-header" style="border-bottom: 0;padding-bottom: 0px;">
        <button type="button" class="close close_end" data-dismiss="modal" aria-hidden="true">&times;</button>
      </div>
       <div class="modal-body1">
      <div class="" style="display: inline-block;vertical-align:middle;">
	        <img class="" src="/img/left_arrow copy.png"/>
        </div>
      <div id="share_pic_wrapper" class="" style="width: 80%;
display: inline-block;">
	        <img id="share_pic" class="" src="/img/icecream.png"/>
      </div>
       <div class="" style="display: inline-block;vertical-align:middle;">
	        <img class="" src="/img/right_arrow copy.png"/>
        </div>
       </div>
      <div class="modal-footer" style="border-top: 0;">
      	<!--
 <div class="" style="display: inline-block;">
	        <img class="" src="/img/left_arrow copy.png"/>
        </div>
-->
        <div id="share_msg" class="lorem_end" style="display: inline-block;width: 80%;">Lorem ipsum dolor sit amet,consecctetur adipisicing elit, sed do eiusmod	tempor incididunt ut labore et dolore!</div>
       
        <div class="lorem_end1" style="display: inline-block;">SUBMITTED BY: <span id="share_name">LUIGSON FERNADES</span></div>
        
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal ends-->
<!--
<script> 
    google.maps.event.addDomListener(window, 'load', init);
    var map;
    function init() {
        var mapOptions = {
            center: new google.maps.LatLng(12.991801,80.216778),
            zoom: 17,
            zoomControl: true,
            zoomControlOptions: {
                style: google.maps.ZoomControlStyle.DEFAULT,
            },
            disableDoubleClickZoom: true,
            mapTypeControl: true,
            mapTypeControlOptions: {
                style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
            },
            scaleControl: true,
            scrollwheel: true,
            panControl: true,
            streetViewControl: true,
            draggable : true,
            overviewMapControl: true,
            overviewMapControlOptions: {
                opened: false,
            },
            mapTypeId: google.maps.MapTypeId.ROADMAP,
        }
        var mapElement = document.getElementById('custom_map');
        var map = new google.maps.Map(mapElement, mapOptions);
        var locations = [
['Starbucks Chennai', 'Phoenix Marketcity,<br> 142, Velachery Main Road,<br> Velachery, Chennai,<br> Tamil Nadu 600042,<br> India', 12.990728, 80.217952]
        ];
        for (i = 0; i < locations.length; i++) {
			if (locations[i][1] =='undefined'){ description ='';} else { description = locations[i][1];}
            marker = new google.maps.Marker({
                icon: site_url+'/img/strabucksmapicon.png',
                position: new google.maps.LatLng(locations[i][2], locations[i][3]),
                map: map,
                title: locations[i][0],
                desc: description
            });
        }
  google.maps.event.addListener(marker, 'click', function() {
            var html= "<div style='color:#000;background-color:#fff;padding:5px;width:150px;'><h4>"+this.title+"</h4><p>"+this.desc+"<p></div>";
            iw = new google.maps.InfoWindow({content:html});
            iw.open(map,marker);
        });
    }
</script>
-->
</body>
</html>












